<template>
    <div style="margin-top:40px">
        <el-row class="myCartrow1" type="flex" justify="center">
            <el-col :span="9" class="myCartcol1"><div class="myCartcoltext">商品</div></el-col>
            <el-col :span="6" class="myCartcol1"><div class="myCartcoltext">单价</div></el-col>
            <el-col :span="5" class="myCartcol1"><div class="myCartcoltext">数量</div></el-col>
            <el-col :span="4" class="myCartcol1"><div class="myCartcoltext">操作</div></el-col>
        </el-row>
        <div class="myCartselltextdiv">
        <el-tooltip content="hggood自营" placement="right" effect="light">
        <span class="myCartselltext">hggood自营</span>
        </el-tooltip></div>
    </div>
</template>

<script>
    export default {
        name:'XiaoCartTitle'
    }
</script>

<style >
.myCartrow1{
    margin-left: 35px;
    margin-right: 35px;
    border: 1px solid rgb(235, 235, 235);
}
.myCartcol1{
    height: 36px;
    background-color: rgb(247, 247, 247);
    font-size: 12px;
}
.myCartcoltext{
    margin-top: 9px;
    text-align: center;
}
.myCartselltextdiv{
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 50px;
}
.myCartselltext{
    font-size: 18px;
    color: rgb(228, 67, 102);
}
</style>